<template>
  <div class="page flex-col">
    <div class="section1 flex-col">
      <!-- <div class="bd1 flex-col">
        <div class="group1 flex-row">
          <img
            class="pic1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng24922258281ee5a9bd63d1f3923594a90da2a4af98a69c37e361eb3b2f4c246d"
          />
          <span class="word1">Sketch</span>
          <img
            class="icon1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6dfaf638d2f519f4bf2eb2422478f5f52e38895e9ff1a979385d42ecdfb3997f"
          />
          <span class="word2">9:41&nbsp;AM</span>
          <span class="word3">100%</span>
          <img
            class="icon2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng544be2eb3da7b5e0e7853cbb78c0dc44174d551f56bbdfbc2d171c42f36d0272"
          />
        </div>
        <div class="group2 flex-row">
          <img
            class="icon3"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng30d35d40d98a97a2484b6de1c806cb000259725a9fdd6554e448981c3feeffd0"
          />
          <span class="word4">荣誉榜</span>
        </div>
      </div> -->
      <div class="bd2 flex-col"></div>
      <div class="bd3 flex-col">
        <div class="mod1 flex-col">
          <div class="layer1 flex-row">
            <div class="group3 flex-col">
              <div class="layer2 flex-col">
                <img
                  class="img1"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng273750e61626cde6a65ce5cb265f3cfa2dd708276f103b1a426dad09ce2f54b6"
                />
              </div>
            </div>
            <span class="info1">国小华</span>
            <span class="info2">华瑞保险销售有限公司</span>
            <div class="group4 flex-col">
              <span class="infoBox1">
                榜单
                <br />
                规则
              </span>
            </div>
          </div>
          <div class="layer3 flex-row">
            <div class="group5 flex-col">
              <span class="txt1">23413</span>
              <span class="info3">华瑞之星(名)</span>
            </div>
            <div class="group6 flex-col"></div>
            <div class="group7 flex-col">
              <span class="txt2">719.19</span>
              <span class="info4">标保(万元)</span>
            </div>
          </div>
          <span class="info5">华瑞之星</span>
          <span class="txt3">数据更新至：2020.11.26&nbsp;08:00</span>
          <div class="layer4 flex-col">
            <div class="bd4 flex-col">
              <div class="section2 flex-col">
                <div class="main1 flex-col">
                  <span class="word5">营业部TOP20</span>
                  <span class="txt4">第8名</span>
                </div>
              </div>
              <div class="section3 flex-row">
                <span class="info6">排名</span>
                <span class="txt5">头像</span>
                <span class="txt6">姓名</span>
                <span class="info7">分公司</span>
                <span class="word6">标保(万元)</span>
              </div>
              <div class="section4 flex-col">
                <div class="main2 flex-row">
                  <div class="layer5 flex-col">
                    <div class="bd5 flex-col">
                      <div class="main3 flex-col">
                        <span class="word7">1</span>
                      </div>
                    </div>
                    <div class="bd6 flex-col">
                      <span class="word8">NEW</span>
                    </div>
                  </div>
                  <img
                    class="img2"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga21eb226d58a707a4bee82bbdb7a3a0e71e4f55c2c599bf7ad335de8b06d806d"
                  />
                  <span class="word9">高晓峰</span>
                  <span class="txt7">北京</span>
                  <span class="info8">1,217.17</span>
                </div>
                <img
                  class="label1"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2e295d81dd2a28e3712476b21ea86b3c2e571b5ed1a0b2e02e3483cb6932e0e5"
                />
              </div>
              <div class="section5 flex-row">
                <div class="group8 flex-col">
                  <div class="bd7 flex-col">
                    <div class="box1 flex-col">
                      <span class="word10">2</span>
                    </div>
                  </div>
                  <div class="bd8 flex-col">
                    <div class="wrap1 flex-row">
                      <img
                        class="icon4"
                        referrerpolicy="no-referrer"
                        src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng74cd840124e8136dbbe776a2c000419501b7164ee701090d59e8756f1bfe27aa"
                      />
                      <span class="txt8">70</span>
                    </div>
                  </div>
                </div>
                <img
                  class="img3"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngca4edc26d823cedcef847e6a92a3fedf23db9086777d6897faa02fe19e3818b3"
                />
                <span class="word11">刘美超</span>
                <span class="info9">上海</span>
                <span class="info10">617.17</span>
              </div>
              <div class="section6 flex-col">
                <div class="layer6 flex-row">
                  <div class="group9 flex-col">
                    <div class="main4 flex-col">
                      <div class="box2 flex-col">
                        <span class="word12">3</span>
                      </div>
                    </div>
                    <div class="main5 flex-col">
                      <div class="mod2 flex-row">
                        <img
                          class="label2"
                          referrerpolicy="no-referrer"
                          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5b7314ef21f3df2cea40cc8ef286ffb0689c7e8c4c342787981f002f8019b872"
                        />
                        <span class="txt9">2</span>
                      </div>
                    </div>
                  </div>
                  <img
                    class="pic2"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0439f7b826020b8092b60c6b66fcc41f479309bb21436be08ef88b96b289c388"
                  />
                  <span class="word13">郝姣</span>
                  <span class="word14">乌鲁木齐</span>
                  <span class="info11">418.00</span>
                </div>
                <img
                  class="icon5"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2e295d81dd2a28e3712476b21ea86b3c2e571b5ed1a0b2e02e3483cb6932e0e5"
                />
              </div>
              <div class="section7 flex-row">
                <span class="word15">查看TOP20</span>
                <img
                  class="label3"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng166240c01cce9b39c9faf06cdc89b05c69ed47d6a6bc76aa81ecc7deacee243d"
                />
              </div>
            </div>
            <div class="bd9 flex-col">
              <div class="outer1 flex-col">
                <span class="word16">个人TOP20</span>
                <span class="txt10">您未上榜</span>
              </div>
            </div>
            <div class="bd10 flex-col"></div>
            <img
              class="label4"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2e295d81dd2a28e3712476b21ea86b3c2e571b5ed1a0b2e02e3483cb6932e0e5"
            />
          </div>
          <span class="word17">瑞管家之星</span>
          <span class="word18">数据更新至：2020.11.26&nbsp;12:00</span>
          <div class="layer7 flex-col">
            <div class="main6 flex-col">
              <div class="section8 flex-row">
                <span class="word19">排名</span>
                <span class="word20">头像</span>
                <span class="word21">姓名</span>
                <span class="word22">标保(万元)</span>
                <span class="word23">有效托管</span>
              </div>
              <div class="section9 flex-col">
                <div class="layer8 flex-row">
                  <div class="section10 flex-col">
                    <div class="block1 flex-col">
                      <div class="layer9 flex-col">
                        <span class="word24">1</span>
                      </div>
                    </div>
                    <div class="block2 flex-col">
                      <div class="outer2 flex-row">
                        <img
                          class="icon6"
                          referrerpolicy="no-referrer"
                          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng74cd840124e8136dbbe776a2c000419501b7164ee701090d59e8756f1bfe27aa"
                        />
                        <span class="word25">76900</span>
                      </div>
                    </div>
                  </div>
                  <div class="section11 flex-col"></div>
                  <div class="section12 flex-col">
                    <span class="txt11">南舒</span>
                    <span class="word26">北京北京2</span>
                  </div>
                  <span class="txt12">917.17</span>
                  <span class="txt13">129</span>
                </div>
                <img
                  class="icon7"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2e295d81dd2a28e3712476b21ea86b3c2e571b5ed1a0b2e02e3483cb6932e0e5"
                />
              </div>
              <div class="section13 flex-row">
                <div class="main7 flex-col">
                  <div class="block3 flex-col">
                    <div class="layer10 flex-col">
                      <span class="info12">2</span>
                    </div>
                  </div>
                  <div class="block4 flex-col">
                    <span class="word27">NEW</span>
                  </div>
                </div>
                <div class="main8 flex-col"></div>
                <div class="main9 flex-col">
                  <span class="word28">铁勇</span>
                  <span class="txt14">河北宽城满…</span>
                </div>
                <span class="txt15">618.12</span>
                <span class="info13">116</span>
              </div>
              <div class="section14 flex-col">
                <div class="bd11 flex-row">
                  <div class="outer3 flex-col">
                    <div class="wrap2 flex-col">
                      <div class="main10 flex-col">
                        <span class="word29">3</span>
                      </div>
                    </div>
                    <div class="wrap3 flex-col">
                      <div class="outer4 flex-row">
                        <img
                          class="icon8"
                          referrerpolicy="no-referrer"
                          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5b7314ef21f3df2cea40cc8ef286ffb0689c7e8c4c342787981f002f8019b872"
                        />
                        <span class="info14">2</span>
                      </div>
                    </div>
                  </div>
                  <div class="outer5 flex-col"></div>
                  <div class="outer6 flex-col">
                    <span class="word30">李璐</span>
                    <span class="txt16">上海上海1</span>
                  </div>
                  <span class="info15">484.38</span>
                  <span class="info16">99</span>
                </div>
                <img
                  class="icon9"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2e295d81dd2a28e3712476b21ea86b3c2e571b5ed1a0b2e02e3483cb6932e0e5"
                />
              </div>
              <div class="section15 flex-row">
                <span class="info17">查看TOP20</span>
                <img
                  class="icon10"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng166240c01cce9b39c9faf06cdc89b05c69ed47d6a6bc76aa81ecc7deacee243d"
                />
              </div>
            </div>
            <img
              class="label5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2e295d81dd2a28e3712476b21ea86b3c2e571b5ed1a0b2e02e3483cb6932e0e5"
            />
          </div>
          <span class="word31">更多荣誉</span>
          <div class="layer11 flex-row">
            <div class="mod3 flex-col">
              <div class="layer12 flex-col">
                <span class="txt17">荣誉体系</span>
                <div class="bd12 flex-row">
                  <span class="word32">前往查看</span>
                  <img
                    class="label6"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng61ce5eaf1810f0c4c0b072e75e44689c7cc1edfb332291ed34e6bb20810dc4c2"
                  />
                </div>
              </div>
              <img
                class="img4"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng38bca2bcf3f034b4dc084388ce9e69b83ea6fbd2bf79a98893dc6fd15d273d3c"
              />
            </div>
            <div class="mod4 flex-col">
              <div class="layer13 flex-row">
                <div class="bd13 flex-col">
                  <span class="txt18">荣誉追踪</span>
                  <div class="layer14 flex-row">
                    <span class="info18">前往查看</span>
                    <div class="main11 flex-col">
                      <div class="mod5 flex-col"></div>
                    </div>
                  </div>
                </div>
                <img
                  class="pic3"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc66f6a87dd8b9cf980a22634d35990647f15f579a92d0264e2896bcafb543326"
                />
              </div>
            </div>
          </div>
        </div>
        <div class="mod6 flex-col">
          <div class="mod7 flex-col">
            <img
              class="img5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2c08f22f4269fb2d81001f1f8c83fb886f3e445167840e15452d9f1bb5bfdbee"
            />
            <img
              class="pic4"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1d4c25eec785d129876192cee62d5d484df65cd53c7fdf9c4a25e5387407a797"
            />
            <img
              class="img6"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd5ff8156d286bf558030c3753633fd1ad1838266407fd4674db2585168babdd1"
            />
          </div>
        </div>
        <div class="mod8 flex-col">
          <img
            class="img7"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc20f2bc690aad9cf9ed7f3752b1a2f50af90b7243903a3dc32b0405c6247c5ab"
          />
        </div>
        <div class="mod9 flex-col">
          <div class="box3 flex-row">
            <img
              class="pic5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng81e2d5ae1df1fc5d007158b60b84c202698ed8e0ee2df4320f650e7718f1b22b"
            />
            <img
              class="pic6"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1a3d1d01ffa550d814dc5c468a708cff0d7d2e12d45adc95a6a73455afadbf40"
            />
          </div>
          <div class="box4 flex-row"><div class="main12 flex-col"></div></div>
          <img
            class="img8"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngaf2158d48b3b0122aa2a74b1d7adb267488f9ae2f4daa3288dcceefc18b36620"
          />
          <div class="box5 flex-col">
            <div class="box6 flex-col">
              <div class="main13 flex-col"></div>
              <div class="main14 flex-col">
                <span class="word33">TOP20</span>
              </div>
            </div>
          </div>
          <div class="box7 flex-col"></div>
          <div class="box8 flex-col"></div>
          <div class="box9 flex-col"></div>
        </div>
        <div class="mod10 flex-col">
          <div class="wrap4 flex-col"></div>
          <div class="wrap5 flex-col"></div>
          <img
            class="pic7"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0cd717a86e53fdb5411aa5f2211c32f0b5bc5084b33140e2eba752753fdc0a88"
          />
        </div>
        <div class="mod11 flex-col">
          <div class="bd14 flex-col"><div class="mod12 flex-col"></div></div>
          <div class="bd15 flex-col"></div>
          <img
            class="pic8"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5473496aa89b38e5198c414fa5ca81d25dfca11512c125f0e40d479d3f923ec1"
          />
          <div class="bd16 flex-col"></div>
          <img
            class="img9"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc07fa46b6b5402ecc8607ff2cec5c60c8e5ff4085922a4f3c9d200503616e12e"
          />
          <div class="bd17 flex-col"><div class="layer15 flex-col"></div></div>
          <div class="bd18 flex-col"></div>
          <div class="bd19 flex-col"></div>
          <div class="bd20 flex-col"></div>
          <div class="bd21 flex-col"></div>
        </div>
        <img
          class="pic9"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd2c9d869987216ef7d6d3148132647b732a3950131f172c36c920d8892cc50fb"
        />
        <div class="mod13 flex-col">
          <div class="box10 flex-col">
            <span class="txt19">个人TOP20</span>
            <span class="word34">第18名</span>
          </div>
        </div>
        <div class="mod14 flex-col"></div>
        <div class="mod15 flex-col">
          <img
            class="pic10"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3993cc4c2c3071e355a3618f11db03d6bb2a48d5d4f933d2a3dc94a6c100d247"
          />
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang="less" scoped>
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 2501px;
  overflow: hidden;
  .section1 {
    z-index: auto;
    width: 750px;
    height: 2501px;
    .bd1 {
      z-index: 104;
      height: 128px;
      background-color: rgba(247, 247, 247, 1);
      width: 750px;
      .group1 {
        z-index: auto;
        width: 726px;
        height: 29px;
        margin: 7px 0 0 13px;
        .pic1 {
          z-index: 115;
          width: 67px;
          height: 11px;
          margin-top: 8px;
        }
        .word1 {
          z-index: 123;
          width: 76px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 1);
          font-size: 23px;
          letter-spacing: 0.20000000298023224px;
          font-family: HelveticaNeue;
          line-height: 29px;
          margin-left: 8px;
        }
        .icon1 {
          z-index: 124;
          width: 26px;
          height: 18px;
          margin: 4px 0 0 11px;
        }
        .word2 {
          z-index: 128;
          width: 90px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 1);
          font-size: 23px;
          letter-spacing: 0.10000000149011612px;
          font-family: HelveticaNeue;
          line-height: 29px;
          text-align: center;
          margin-left: 128px;
        }
        .word3 {
          z-index: 129;
          width: 66px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 1);
          font-size: 23px;
          font-family: HelveticaNeue;
          line-height: 29px;
          text-align: right;
          margin-left: 199px;
        }
        .icon2 {
          z-index: 130;
          width: 49px;
          height: 19px;
          margin: 4px 0 0 6px;
        }
      }
      .group2 {
        z-index: auto;
        width: 391px;
        height: 45px;
        justify-content: space-between;
        margin: 26px 0 0 32px;
        .icon3 {
          z-index: 106;
          width: 19px;
          height: 35px;
          margin-top: 5px;
        }
        .word4 {
          z-index: 105;
          width: 96px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(51, 51, 51, 1);
          font-size: 32px;
          line-height: 45px;
          text-align: center;
        }
      }
    }
    .bd2 {
      z-index: 112;
      width: 750px;
      height: 1px;
      background-color: rgba(204, 204, 204, 1);
    }
    .bd3 {
      z-index: 3;
      height: 2372px;
      overflow: hidden;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2009945dfce068d5b06e235f86d9004e028e14c38af87535b397c7cf1fa4a1bd)
        100% no-repeat;
      width: 750px;
      justify-content: flex-start;
      align-items: center;
      position: relative;
      .mod1 {
        z-index: auto;
        width: 670px;
        height: 2277px;
        .layer1 {
          z-index: auto;
          width: 650px;
          height: 111px;
          margin-left: 10px;
          .group3 {
            z-index: 174;
            position: relative;
            width: 70px;
            height: 70px;
            border-radius: 35px;
            overflow: hidden;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng065c8e27be1c24a3a5ba61720c6c923a3e623e5824726c4f64b011ab50a4c513)
              100% no-repeat;
            margin-top: 30px;
            .layer2 {
              z-index: 175;
              height: 70px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9b51f82834ef497e698577902a85d7372e46c910a9adf688edf7de9c14717325)
                100% no-repeat;
              width: 70px;
              position: absolute;
              left: 0;
              top: 0;
              .img1 {
                z-index: 176;
                width: 70px;
                height: 70px;
              }
            }
          }
          .info1 {
            z-index: 171;
            width: 102px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 34px;
            font-family: PingFangSC-Semibold;
            line-height: 48px;
            margin: 41px 0 0 20px;
          }
          .info2 {
            z-index: 172;
            width: 260px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 26px;
            line-height: 37px;
            margin: 47px 0 0 16px;
          }
          .group4 {
            z-index: 160;
            height: 111px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng62d8fb31574273ba0a789f9e038527a3284b488db403038f311b6dcefe6b9761)
              100% no-repeat;
            margin-left: 90px;
            width: 92px;
            justify-content: flex-start;
            padding-top: 16px;
            align-items: center;
            .infoBox1 {
              z-index: 161;
              width: 59px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 28px;
              letter-spacing: 1.338461995124817px;
              font-family: PingFangSC-Medium;
              line-height: 34px;
              text-align: center;
            }
          }
        }
        .layer3 {
          z-index: auto;
          width: 346px;
          height: 97px;
          justify-content: space-between;
          margin: 77px 0 0 6px;
          .group5 {
            z-index: auto;
            width: 136px;
            height: 97px;
            .txt1 {
              z-index: 165;
              width: 136px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 50px;
              font-family: DINAlternate-Bold;
              line-height: 48px;
              text-align: center;
            }
            .info3 {
              z-index: 164;
              width: 136px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 0.8);
              font-size: 24px;
              line-height: 33px;
              text-align: center;
              margin-top: 16px;
            }
          }
          .group6 {
            z-index: 169;
            width: 1px;
            height: 50px;
            background-color: rgba(190, 194, 204, 0.6);
            margin-top: 24px;
          }
          .group7 {
            z-index: auto;
            width: 132px;
            height: 97px;
            .txt2 {
              z-index: 168;
              width: 132px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 50px;
              font-family: DINAlternate-Bold;
              line-height: 48px;
              text-align: center;
            }
            .info4 {
              z-index: 167;
              width: 112px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 0.8);
              font-size: 24px;
              line-height: 33px;
              text-align: center;
              align-self: center;
              margin-top: 16px;
            }
          }
        }
        .info5 {
          z-index: 135;
          width: 160px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 40px;
          font-family: PingFangSC-Semibold;
          line-height: 56px;
          text-align: left;
          align-self: flex-start;
          margin: 69px 0 0 3px;
        }
        .txt3 {
          z-index: 136;
          width: 335px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 0.8);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
          align-self: flex-start;
          margin: 10px 0 0 3px;
        }
        .layer4 {
          z-index: 178;
          height: 650px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngeecd869318ad8d97020af0188d0c007d7a6a6d3c547776c2eba4528a8e9ae9f9)
            100% no-repeat;
          margin-top: 30px;
          width: 670px;
          justify-content: flex-start;
          padding-top: 12px;
          position: relative;
          .bd4 {
            z-index: auto;
            width: 670px;
            height: 608px;
            .section2 {
              z-index: 182;
              height: 126px;
              border-radius: 0 20px 0 0;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng396ac1f0fe91b1905ee09aec7dd52ebe1c860a00d869fdd392aafc9d622acd67)
                100% no-repeat;
              align-self: flex-end;
              width: 364px;
              justify-content: center;
              align-items: center;
              .main1 {
                z-index: auto;
                width: 188px;
                height: 72px;
                .word5 {
                  z-index: 189;
                  width: 188px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(81, 88, 101, 1);
                  font-size: 30px;
                  font-family: PingFangSC-Semibold;
                  line-height: 48px;
                  text-align: center;
                }
                .txt4 {
                  z-index: 190;
                  width: 63px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(81, 88, 101, 1);
                  font-size: 24px;
                  line-height: 24px;
                  text-align: center;
                  align-self: center;
                }
              }
            }
            .section3 {
              z-index: auto;
              width: 630px;
              height: 38px;
              justify-content: space-between;
              margin: 30px 0 0 20px;
              .info6 {
                z-index: 199;
                width: 90px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .txt5 {
                z-index: 196;
                width: 110px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .txt6 {
                z-index: 197;
                width: 140px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .info7 {
                z-index: 198;
                width: 140px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .word6 {
                z-index: 200;
                width: 150px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
            }
            .section4 {
              z-index: 202;
              height: 110px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng818026206bd1ecf57573b145b403e9e1684695458ceca8a4b66d96c9ab73c065)
                100% no-repeat;
              margin-top: 20px;
              width: 670px;
              justify-content: center;
              align-items: center;
              position: relative;
              .main2 {
                z-index: auto;
                width: 630px;
                height: 74px;
                .layer5 {
                  z-index: auto;
                  width: 100px;
                  height: 74px;
                  .bd5 {
                    z-index: 212;
                    height: 46px;
                    width: 100px;
                    align-items: center;
                    .main3 {
                      z-index: 213;
                      height: 46px;
                      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5658524a06e9472d5acda102880c95a15519580b060aa7f79077376e488bb38f)
                        100% no-repeat;
                      width: 37px;
                      justify-content: flex-end;
                      padding-bottom: 9px;
                      align-items: center;
                      .word7 {
                        z-index: 214;
                        width: 10px;
                        display: block;
                        overflow-wrap: break-word;
                        color: rgba(148, 94, 8, 1);
                        font-size: 22px;
                        font-family: PingFangSC-Semibold;
                        line-height: 18px;
                        text-align: center;
                      }
                    }
                  }
                  .bd6 {
                    z-index: 216;
                    height: 28px;
                    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge4644c60f3709f7f5e5bcd428617179bdda0306f232f0f90bd5e43f9b30d38cc)
                      100% no-repeat;
                    width: 100px;
                    justify-content: center;
                    align-items: center;
                    .word8 {
                      z-index: 218;
                      width: 52px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(62, 105, 229, 1);
                      font-size: 22px;
                      font-family: PingFangSC-Semibold;
                      line-height: 22px;
                      text-align: left;
                    }
                  }
                }
                .img2 {
                  z-index: 207;
                  width: 60px;
                  height: 60px;
                  margin: 7px 0 0 15px;
                }
                .word9 {
                  z-index: 204;
                  width: 140px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 26px;
                  line-height: 42px;
                  text-align: center;
                  margin: 16px 0 0 25px;
                }
                .txt7 {
                  z-index: 205;
                  width: 140px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 26px;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
                .info8 {
                  z-index: 206;
                  width: 150px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(185, 29, 19, 1);
                  font-size: 26px;
                  font-family: PingFangSC-Medium;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
              }
              .label1 {
                z-index: 210;
                position: absolute;
                left: 149px;
                top: 15px;
                width: 32px;
                height: 25px;
              }
            }
            .section5 {
              z-index: auto;
              width: 630px;
              height: 74px;
              margin: 18px 0 0 20px;
              .group8 {
                z-index: auto;
                width: 100px;
                height: 74px;
                .bd7 {
                  z-index: 248;
                  height: 46px;
                  width: 100px;
                  align-items: center;
                  .box1 {
                    z-index: 249;
                    height: 46px;
                    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6207dc37d23d76cbc6eebe12d94d4b070caffaae28d36e21a840355c6c411335)
                      100% no-repeat;
                    width: 37px;
                    justify-content: flex-end;
                    padding-bottom: 9px;
                    align-items: center;
                    .word10 {
                      z-index: 250;
                      width: 14px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(95, 111, 174, 1);
                      font-size: 22px;
                      font-family: PingFangSC-Semibold;
                      line-height: 18px;
                      text-align: center;
                    }
                  }
                }
                .bd8 {
                  z-index: 252;
                  height: 28px;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnged47f5b8f278b7649b5f425cdece7edbb1a77592cf0d8a213179ad6389eb4ca6)
                    100% no-repeat;
                  align-self: center;
                  width: 61px;
                  justify-content: center;
                  align-items: center;
                  .wrap1 {
                    z-index: auto;
                    width: 45px;
                    height: 22px;
                    justify-content: space-between;
                    .icon4 {
                      z-index: 257;
                      width: 16px;
                      height: 21px;
                      margin-top: 1px;
                    }
                    .txt8 {
                      z-index: 256;
                      width: 26px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(229, 62, 62, 1);
                      font-size: 22px;
                      font-family: PingFangSC-Semibold;
                      line-height: 22px;
                      text-align: justify;
                    }
                  }
                }
              }
              .img3 {
                z-index: 243;
                width: 60px;
                height: 60px;
                margin: 7px 0 0 15px;
              }
              .word11 {
                z-index: 240;
                width: 140px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 26px;
                line-height: 42px;
                text-align: center;
                margin: 16px 0 0 25px;
              }
              .info9 {
                z-index: 241;
                width: 140px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 26px;
                line-height: 42px;
                text-align: center;
                margin-top: 16px;
              }
              .info10 {
                z-index: 242;
                width: 150px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(185, 29, 19, 1);
                font-size: 26px;
                font-family: PingFangSC-Medium;
                line-height: 42px;
                text-align: center;
                margin-top: 16px;
              }
            }
            .section6 {
              z-index: 220;
              height: 110px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng818026206bd1ecf57573b145b403e9e1684695458ceca8a4b66d96c9ab73c065)
                100% no-repeat;
              margin-top: 18px;
              width: 670px;
              justify-content: center;
              align-items: center;
              position: relative;
              .layer6 {
                z-index: auto;
                width: 630px;
                height: 74px;
                .group9 {
                  z-index: auto;
                  width: 100px;
                  height: 74px;
                  .main4 {
                    z-index: 230;
                    height: 46px;
                    width: 100px;
                    align-items: center;
                    .box2 {
                      z-index: 231;
                      height: 46px;
                      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3e19bd4a049e5c2692aada065564c3dd36905146628d5c34034bd02f0c2c8fa5)
                        100% no-repeat;
                      width: 37px;
                      justify-content: flex-end;
                      padding-bottom: 9px;
                      align-items: center;
                      .word12 {
                        z-index: 232;
                        width: 15px;
                        display: block;
                        overflow-wrap: break-word;
                        color: rgba(145, 102, 66, 1);
                        font-size: 22px;
                        font-family: PingFangSC-Semibold;
                        line-height: 18px;
                        text-align: center;
                      }
                    }
                  }
                  .main5 {
                    z-index: 234;
                    height: 28px;
                    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnged47f5b8f278b7649b5f425cdece7edbb1a77592cf0d8a213179ad6389eb4ca6)
                      100% no-repeat;
                    align-self: center;
                    width: 61px;
                    justify-content: center;
                    align-items: center;
                    .mod2 {
                      z-index: auto;
                      width: 33px;
                      height: 22px;
                      justify-content: space-between;
                      .label2 {
                        z-index: 237;
                        width: 16px;
                        height: 21px;
                        margin-top: 1px;
                      }
                      .txt9 {
                        z-index: 236;
                        width: 14px;
                        display: block;
                        overflow-wrap: break-word;
                        color: rgba(118, 127, 149, 1);
                        font-size: 22px;
                        font-family: PingFangSC-Semibold;
                        line-height: 22px;
                        text-align: left;
                      }
                    }
                  }
                }
                .pic2 {
                  z-index: 225;
                  width: 60px;
                  height: 60px;
                  margin: 7px 0 0 15px;
                }
                .word13 {
                  z-index: 222;
                  width: 140px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 26px;
                  line-height: 42px;
                  text-align: center;
                  margin: 16px 0 0 25px;
                }
                .word14 {
                  z-index: 223;
                  width: 140px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 26px;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
                .info11 {
                  z-index: 224;
                  width: 150px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(185, 29, 19, 1);
                  font-size: 26px;
                  font-family: PingFangSC-Medium;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
              }
              .icon5 {
                z-index: 228;
                position: absolute;
                left: 149px;
                top: 15px;
                width: 32px;
                height: 25px;
              }
            }
            .section7 {
              z-index: auto;
              width: 157px;
              height: 33px;
              justify-content: space-between;
              margin: 31px 0 0 248px;
              .word15 {
                z-index: 192;
                width: 126px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(45, 116, 243, 1);
                font-size: 24px;
                font-family: PingFangSC-Semibold;
                line-height: 33px;
                text-align: center;
              }
              .label3 {
                z-index: 193;
                width: 10px;
                height: 14px;
                margin-top: 9px;
              }
            }
          }
          .bd9 {
            z-index: 184;
            height: 138px;
            border-radius: 20px 20px 0 0;
            background-color: rgba(255, 255, 255, 1);
            width: 306px;
            justify-content: center;
            align-items: center;
            position: absolute;
            left: 0;
            top: 0;
            .outer1 {
              z-index: auto;
              width: 179px;
              height: 81px;
              .word16 {
                z-index: 186;
                width: 179px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(45, 116, 243, 1);
                font-size: 34px;
                font-family: PingFangSC-Semibold;
                line-height: 54px;
                text-align: center;
              }
              .txt10 {
                z-index: 187;
                width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(45, 116, 243, 1);
                font-size: 26px;
                line-height: 26px;
                text-align: center;
                align-self: center;
                margin-top: 1px;
              }
            }
          }
          .bd10 {
            z-index: 183;
            position: absolute;
            left: 0;
            top: 0;
            width: 345px;
            height: 138px;
            border-radius: 20px 20px 0 0;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1c03c82993d3e2ce819f6aba9a2033f0dcf0769c403e6d34fcd952f7c565973a)
              100% no-repeat;
          }
          .label4 {
            z-index: 246;
            position: absolute;
            left: 149px;
            top: 351px;
            width: 32px;
            height: 25px;
          }
        }
        .word17 {
          z-index: 137;
          width: 200px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 40px;
          font-family: PingFangSC-Semibold;
          line-height: 56px;
          text-align: left;
          align-self: flex-start;
          margin-top: 50px;
        }
        .word18 {
          z-index: 138;
          width: 330px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 0.8);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
          align-self: flex-start;
          margin-top: 10px;
        }
        .layer7 {
          z-index: 260;
          height: 512px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng496c72a40986a507306d2d71f8ca4760ab2e74a875b48c4d5b835572d63296f7)
            100% no-repeat;
          margin-top: 167px;
          width: 670px;
          justify-content: center;
          position: relative;
          .main6 {
            z-index: auto;
            width: 670px;
            height: 452px;
            .section8 {
              z-index: auto;
              width: 630px;
              height: 38px;
              margin-left: 20px;
              justify-content: space-between;
              .word19 {
                z-index: 324;
                width: 90px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .word20 {
                z-index: 322;
                width: 110px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .word21 {
                z-index: 323;
                width: 160px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .word22 {
                z-index: 325;
                width: 150px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .word23 {
                z-index: 326;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
            }
            .section9 {
              z-index: 268;
              height: 110px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng818026206bd1ecf57573b145b403e9e1684695458ceca8a4b66d96c9ab73c065)
                100% no-repeat;
              margin-top: 20px;
              width: 670px;
              justify-content: center;
              align-items: center;
              position: relative;
              .layer8 {
                z-index: auto;
                width: 630px;
                height: 74px;
                .section10 {
                  z-index: auto;
                  width: 100px;
                  height: 74px;
                  .block1 {
                    z-index: 277;
                    height: 46px;
                    width: 100px;
                    align-items: center;
                    .layer9 {
                      z-index: 278;
                      height: 46px;
                      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5658524a06e9472d5acda102880c95a15519580b060aa7f79077376e488bb38f)
                        100% no-repeat;
                      width: 37px;
                      justify-content: flex-end;
                      padding-bottom: 9px;
                      align-items: center;
                      .word24 {
                        z-index: 279;
                        width: 10px;
                        display: block;
                        overflow-wrap: break-word;
                        color: rgba(148, 94, 8, 1);
                        font-size: 22px;
                        font-family: PingFangSC-Semibold;
                        line-height: 18px;
                        text-align: center;
                      }
                    }
                  }
                  .block2 {
                    z-index: 281;
                    height: 28px;
                    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge4644c60f3709f7f5e5bcd428617179bdda0306f232f0f90bd5e43f9b30d38cc)
                      100% no-repeat;
                    width: 100px;
                    justify-content: center;
                    align-items: center;
                    .outer2 {
                      z-index: auto;
                      width: 84px;
                      height: 22px;
                      justify-content: space-between;
                      .icon6 {
                        z-index: 286;
                        width: 16px;
                        height: 21px;
                        margin-top: 1px;
                      }
                      .word25 {
                        z-index: 285;
                        width: 65px;
                        display: block;
                        overflow-wrap: break-word;
                        color: rgba(229, 62, 62, 1);
                        font-size: 22px;
                        font-family: PingFangSC-Semibold;
                        line-height: 22px;
                        text-align: justify;
                      }
                    }
                  }
                }
                .section11 {
                  z-index: 272;
                  width: 60px;
                  height: 60px;
                  border-radius: 30px;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc63c848d6a36d7a0c891c065ad93d43013281fb0e998977e911f809f59b194ef)
                    100% no-repeat;
                  margin: 7px 0 0 15px;
                }
                .section12 {
                  z-index: auto;
                  width: 160px;
                  height: 58px;
                  margin: 8px 0 0 25px;
                  .txt11 {
                    z-index: 271;
                    width: 160px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 26px;
                    line-height: 26px;
                    text-align: center;
                  }
                  .word26 {
                    z-index: 270;
                    width: 160px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 22px;
                    line-height: 22px;
                    text-align: center;
                    margin-top: 10px;
                  }
                }
                .txt12 {
                  z-index: 274;
                  width: 150px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 26px;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
                .txt13 {
                  z-index: 275;
                  width: 120px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(185, 29, 19, 1);
                  font-size: 26px;
                  font-family: PingFangSC-Medium;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
              }
              .icon7 {
                z-index: 273;
                position: absolute;
                left: 149px;
                top: 15px;
                width: 32px;
                height: 25px;
              }
            }
            .section13 {
              z-index: auto;
              width: 630px;
              height: 74px;
              margin: 18px 0 0 20px;
              .main7 {
                z-index: auto;
                width: 100px;
                height: 74px;
                .block3 {
                  z-index: 315;
                  height: 46px;
                  width: 100px;
                  align-items: center;
                  .layer10 {
                    z-index: 316;
                    height: 46px;
                    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6207dc37d23d76cbc6eebe12d94d4b070caffaae28d36e21a840355c6c411335)
                      100% no-repeat;
                    width: 37px;
                    justify-content: flex-end;
                    padding-bottom: 9px;
                    align-items: center;
                    .info12 {
                      z-index: 317;
                      width: 14px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(95, 111, 174, 1);
                      font-size: 22px;
                      font-family: PingFangSC-Semibold;
                      line-height: 18px;
                      text-align: center;
                    }
                  }
                }
                .block4 {
                  z-index: 319;
                  height: 28px;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge4644c60f3709f7f5e5bcd428617179bdda0306f232f0f90bd5e43f9b30d38cc)
                    100% no-repeat;
                  width: 100px;
                  justify-content: center;
                  align-items: center;
                  .word27 {
                    z-index: 321;
                    width: 52px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(62, 105, 229, 1);
                    font-size: 22px;
                    font-family: PingFangSC-Semibold;
                    line-height: 22px;
                    text-align: left;
                  }
                }
              }
              .main8 {
                z-index: 310;
                width: 60px;
                height: 60px;
                border-radius: 30px;
                background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng72bcba5630ac9fdda6ff22b938eb478b445cb26de3bb341ed4fd0fd7151b1ac7)
                  100% no-repeat;
                margin: 7px 0 0 15px;
              }
              .main9 {
                z-index: auto;
                width: 160px;
                height: 58px;
                margin: 8px 0 0 25px;
                .word28 {
                  z-index: 309;
                  width: 160px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 26px;
                  line-height: 26px;
                  text-align: center;
                }
                .txt14 {
                  z-index: 308;
                  width: 160px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 22px;
                  line-height: 22px;
                  text-align: center;
                  margin-top: 10px;
                }
              }
              .txt15 {
                z-index: 312;
                width: 150px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 26px;
                line-height: 42px;
                text-align: center;
                margin-top: 16px;
              }
              .info13 {
                z-index: 313;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(185, 29, 19, 1);
                font-size: 26px;
                font-family: PingFangSC-Medium;
                line-height: 42px;
                text-align: center;
                margin-top: 16px;
              }
            }
            .section14 {
              z-index: 289;
              height: 110px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng818026206bd1ecf57573b145b403e9e1684695458ceca8a4b66d96c9ab73c065)
                100% no-repeat;
              margin-top: 18px;
              width: 670px;
              justify-content: center;
              align-items: center;
              position: relative;
              .bd11 {
                z-index: auto;
                width: 630px;
                height: 74px;
                .outer3 {
                  z-index: auto;
                  width: 100px;
                  height: 74px;
                  .wrap2 {
                    z-index: 298;
                    height: 46px;
                    width: 100px;
                    align-items: center;
                    .main10 {
                      z-index: 299;
                      height: 46px;
                      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3e19bd4a049e5c2692aada065564c3dd36905146628d5c34034bd02f0c2c8fa5)
                        100% no-repeat;
                      width: 37px;
                      justify-content: flex-end;
                      padding-bottom: 9px;
                      align-items: center;
                      .word29 {
                        z-index: 300;
                        width: 15px;
                        display: block;
                        overflow-wrap: break-word;
                        color: rgba(145, 102, 66, 1);
                        font-size: 22px;
                        font-family: PingFangSC-Semibold;
                        line-height: 18px;
                        text-align: center;
                      }
                    }
                  }
                  .wrap3 {
                    z-index: 302;
                    height: 28px;
                    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnged47f5b8f278b7649b5f425cdece7edbb1a77592cf0d8a213179ad6389eb4ca6)
                      100% no-repeat;
                    align-self: center;
                    width: 61px;
                    justify-content: center;
                    align-items: center;
                    .outer4 {
                      z-index: auto;
                      width: 33px;
                      height: 22px;
                      justify-content: space-between;
                      .icon8 {
                        z-index: 305;
                        width: 16px;
                        height: 21px;
                        margin-top: 1px;
                      }
                      .info14 {
                        z-index: 304;
                        width: 14px;
                        display: block;
                        overflow-wrap: break-word;
                        color: rgba(118, 127, 149, 1);
                        font-size: 22px;
                        font-family: PingFangSC-Semibold;
                        line-height: 22px;
                        text-align: left;
                      }
                    }
                  }
                }
                .outer5 {
                  z-index: 293;
                  width: 60px;
                  height: 60px;
                  border-radius: 30px;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0439f7b826020b8092b60c6b66fcc41f479309bb21436be08ef88b96b289c388)
                    100% no-repeat;
                  margin: 7px 0 0 15px;
                }
                .outer6 {
                  z-index: auto;
                  width: 160px;
                  height: 58px;
                  margin: 8px 0 0 25px;
                  .word30 {
                    z-index: 292;
                    width: 160px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 26px;
                    line-height: 26px;
                    text-align: center;
                  }
                  .txt16 {
                    z-index: 291;
                    width: 160px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 22px;
                    line-height: 22px;
                    text-align: center;
                    margin-top: 10px;
                  }
                }
                .info15 {
                  z-index: 295;
                  width: 150px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 26px;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
                .info16 {
                  z-index: 296;
                  width: 120px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(185, 29, 19, 1);
                  font-size: 26px;
                  font-family: PingFangSC-Medium;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
              }
              .icon9 {
                z-index: 294;
                position: absolute;
                left: 149px;
                top: 15px;
                width: 32px;
                height: 25px;
              }
            }
            .section15 {
              z-index: auto;
              width: 157px;
              height: 33px;
              justify-content: space-between;
              margin: 31px 0 0 248px;
              .info17 {
                z-index: 263;
                width: 126px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(45, 116, 243, 1);
                font-size: 24px;
                font-family: PingFangSC-Semibold;
                line-height: 33px;
                text-align: center;
              }
              .icon10 {
                z-index: 264;
                width: 10px;
                height: 14px;
                margin-top: 9px;
              }
            }
          }
          .label5 {
            z-index: 311;
            position: absolute;
            left: 149px;
            top: 214px;
            width: 32px;
            height: 25px;
          }
        }
        .word31 {
          z-index: 158;
          width: 160px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 40px;
          font-family: PingFangSC-Semibold;
          line-height: 56px;
          text-align: left;
          align-self: flex-start;
          margin-top: 50px;
        }
        .layer11 {
          z-index: auto;
          width: 670px;
          height: 180px;
          margin-top: 30px;
          justify-content: space-between;
          .mod3 {
            z-index: 142;
            height: 180px;
            border-radius: 8px;
            overflow: hidden;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd3ac0acb77ad8114f7516afcdb4d357ca098942f379964c7f6ba8e9d95fb79ea)
              100% no-repeat;
            width: 325px;
            justify-content: flex-start;
            align-items: flex-start;
            position: relative;
            padding: 30px 0 0 30px;
            .layer12 {
              z-index: auto;
              width: 128px;
              height: 82px;
              .txt17 {
                z-index: 144;
                width: 128px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 32px;
                font-family: PingFangSC-Semibold;
                line-height: 45px;
                text-align: center;
              }
              .bd12 {
                z-index: auto;
                width: 115px;
                height: 30px;
                margin-top: 7px;
                justify-content: space-between;
                .word32 {
                  z-index: 145;
                  width: 88px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(255, 255, 255, 0.7);
                  font-size: 22px;
                  line-height: 30px;
                  text-align: left;
                }
                .label6 {
                  z-index: 146;
                  width: 10px;
                  height: 14px;
                  margin-top: 8px;
                }
              }
            }
            .img4 {
              z-index: 143;
              position: absolute;
              left: 148px;
              top: 19px;
              width: 177px;
              height: 161px;
            }
          }
          .mod4 {
            z-index: 151;
            height: 180px;
            border-radius: 8px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngace3700992b2432dcbbcda5e73d5c82c603209329da43dd0c9df48666de8a121)
              100% no-repeat;
            width: 325px;
            justify-content: flex-end;
            align-items: center;
            .layer13 {
              z-index: auto;
              width: 255px;
              height: 166px;
              justify-content: space-between;
              .bd13 {
                z-index: auto;
                width: 132px;
                height: 89px;
                margin-top: 16px;
                .txt18 {
                  z-index: 153;
                  width: 128px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(255, 255, 255, 1);
                  font-size: 32px;
                  font-family: PingFangSC-Semibold;
                  line-height: 45px;
                  text-align: center;
                  align-self: flex-start;
                }
                .layer14 {
                  z-index: auto;
                  width: 132px;
                  height: 44px;
                  justify-content: space-between;
                  .info18 {
                    z-index: 154;
                    width: 88px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(255, 255, 255, 0.7);
                    font-size: 22px;
                    line-height: 30px;
                    text-align: left;
                    margin-top: 7px;
                  }
                  .main11 {
                    z-index: 156;
                    height: 44px;
                    width: 44px;
                    justify-content: center;
                    align-items: center;
                    .mod5 {
                      z-index: 157;
                      width: 10px;
                      height: 14px;
                      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng61ce5eaf1810f0c4c0b072e75e44689c7cc1edfb332291ed34e6bb20810dc4c2)
                        100% no-repeat;
                    }
                  }
                }
              }
              .pic3 {
                z-index: 152;
                width: 89px;
                height: 166px;
              }
            }
          }
        }
      }
      .mod6 {
        z-index: 4;
        height: 468px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb88e882bc023a8f8ec1d9da931986fcaec26bf127c6e277e585cf34078ac85dd)
          100% no-repeat;
        width: 750px;
        justify-content: flex-start;
        position: absolute;
        left: 0;
        top: 0;
        .mod7 {
          z-index: 8;
          position: relative;
          width: 750px;
          height: 266px;
          overflow: hidden;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng969a38a92f9a6eb6de893ebaf943d2622a0c441d50cb781cbe0dacd1a8f29813)
            100% no-repeat;
          .img5 {
            z-index: 11;
            position: absolute;
            left: 340px;
            top: 0;
            width: 410px;
            height: 185px;
          }
          .pic4 {
            z-index: 12;
            position: absolute;
            left: 60px;
            top: 0;
            width: 471px;
            height: 205px;
          }
          .img6 {
            z-index: 10;
            position: absolute;
            left: 0;
            top: 0;
            width: 447px;
            height: 263px;
          }
        }
      }
      .mod8 {
        z-index: 14;
        height: 301px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngebc4ea67c8e978f5503587b88e36b206fcdf4da28b1e468cb8bf96ab5a04d2c0)
          0px -1px no-repeat;
        width: 473px;
        justify-content: flex-end;
        align-items: flex-start;
        padding-left: 13px;
        position: absolute;
        left: 318px;
        top: 89px;
        .img7 {
          z-index: 15;
          width: 419px;
          height: 244px;
        }
      }
      .mod9 {
        z-index: 37;
        height: 379px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga01f40e24beabbfd793174cb3cd6f9fe86ba25f78f4cbc57049de312f058c0bc)
          100% no-repeat;
        width: 427px;
        position: absolute;
        left: 378px;
        top: 89px;
        .box3 {
          z-index: auto;
          width: 330px;
          height: 197px;
          justify-content: space-between;
          margin: 117px 0 0 11px;
          .pic5 {
            z-index: 40;
            width: 172px;
            height: 193px;
            margin-top: 4px;
          }
          .pic6 {
            z-index: 41;
            width: 137px;
            height: 194px;
          }
        }
        .box4 {
          z-index: auto;
          width: 82px;
          height: 36px;
          margin: 10px 0 0 253px;
          .main12 {
            z-index: 38;
            width: 82px;
            height: 36px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4d82cd22e725c1af50f40c87a94b59ac4866fcd34d9c7aebba39f2d600f6876c) -12px -12px
              no-repeat;
          }
        }
        .img8 {
          z-index: 48;
          position: absolute;
          left: 73px;
          top: 0;
          width: 178px;
          height: 162px;
        }
        .box5 {
          z-index: 42;
          height: 294px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3d1251e97a47fc03faa0425eea6810b6371417b3ff6adb0acda2583194f121ea)
            100% no-repeat;
          width: 200px;
          justify-content: flex-end;
          padding-bottom: 14px;
          align-items: center;
          position: absolute;
          left: 89px;
          top: 68px;
          .box6 {
            z-index: auto;
            width: 138px;
            height: 59px;
            .main13 {
              z-index: 45;
              width: 138px;
              height: 9px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4210c81757ceb5f214223e2d93afa419765564935b4f98337a29e074b864aab0) -1px -1px
                no-repeat;
            }
            .main14 {
              z-index: 43;
              height: 44px;
              border-radius: 6.4px 6.4px 6.4px 6.4px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngada7add23648df452437c5578d13c0737e54db1b533e2e2ad1d32dd5a5358fbb) -1px
                0px no-repeat;
              align-self: center;
              margin-top: 6px;
              width: 88px;
              justify-content: flex-start;
              padding-top: 6px;
              align-items: center;
              .word33 {
                z-index: 44;
                width: 73px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 20px;
                font-family: Arial-Black;
                line-height: 28px;
                text-align: left;
              }
            }
          }
        }
        .box7 {
          z-index: 46;
          position: absolute;
          left: 33px;
          top: 298px;
          width: 87px;
          height: 21px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0f09920ad0c4377abf28370ff29aaf31425480cff69bbc63c90418e8149bc6b1)
            7px -11px no-repeat;
        }
        .box8 {
          z-index: 56;
          position: absolute;
          left: 266px;
          top: 342px;
          width: 107px;
          height: 18px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng315ea18fdb584eab74819dd184250e01996cc03efe5d7b5743736f7a92668770) -4px -9px
            no-repeat;
        }
        .box9 {
          z-index: 47;
          position: absolute;
          left: 221px;
          top: 347px;
          width: 157px;
          height: 25px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7459d5d97053e981968a08c38a5698f3a2f0c3bace5abebfd80e610c2d1aeaa8) -11px -16px
            no-repeat;
        }
      }
      .mod10 {
        z-index: 18;
        position: absolute;
        left: 0;
        top: 288px;
        width: 750px;
        height: 238px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge8ffb8b133e9ae2f394ce0021f2c99fba49cee0c16d4cf880bad2dc22e61dbd7) -1px
          0px no-repeat;
        .wrap4 {
          z-index: 20;
          position: absolute;
          left: 592px;
          top: 38px;
          width: 199px;
          height: 157px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng99a3ceb9d262b905fbce1aa0e188cf1332d3c749149835dc2a8b7c757a518fc2) -1px
            0px no-repeat;
        }
        .wrap5 {
          z-index: 21;
          position: absolute;
          left: 0;
          top: 39px;
          width: 750px;
          height: 174px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng18ed9384568b364fb5519e05373325dcbc881c9254e07dbe5e17c122ad428f06)
            100% no-repeat;
        }
        .pic7 {
          z-index: 19;
          position: absolute;
          left: 1px;
          top: 39px;
          width: 749px;
          height: 199px;
        }
      }
      .mod11 {
        z-index: 23;
        height: 345px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng54d7303fa255bcc22b87f3f205b304d746b2a6eb1824e29a0a577e8d0fed0d4f) -1px -1px
          no-repeat;
        width: 821px;
        justify-content: flex-start;
        align-items: flex-end;
        position: absolute;
        left: -52px;
        top: 327px;
        padding: 115px 8px 0 0;
        .bd14 {
          z-index: 32;
          height: 60px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfabc657ae57bc39999e1b60f33be6c1d8339318172f12647459540c71e1dda4a) -18px -8px
            no-repeat;
          width: 256px;
          .mod12 {
            z-index: 33;
            width: 256px;
            height: 60px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9fafd5701730fa543a5ad2fdcc39030a4403997a64fd7cb8fbdb566b5769adfc) -18px -8px
              no-repeat;
          }
        }
        .bd15 {
          z-index: 30;
          position: absolute;
          left: 208px;
          top: -8px;
          width: 239px;
          height: 112px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3a7730864e6d55980849445b06865e34161c46487cf7145615800e43c2897d35) -24px
            13px no-repeat;
        }
        .pic8 {
          z-index: 31;
          position: absolute;
          left: 52px;
          top: -1px;
          width: 244px;
          height: 121px;
        }
        .bd16 {
          z-index: 29;
          position: absolute;
          left: 52px;
          top: -1px;
          width: 166px;
          height: 219px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng417979b964d657ff8213dc07f385338b3ebce980ef2a37c935b27ccf3aed2e9e)
            100% no-repeat;
        }
        .img9 {
          z-index: 24;
          position: absolute;
          left: 52px;
          top: 3px;
          width: 750px;
          height: 251px;
        }
        .bd17 {
          z-index: 25;
          height: 268px;
          background-color: rgba(93, 0, 0, 0.14);
          width: 750px;
          justify-content: flex-end;
          align-items: flex-end;
          position: absolute;
          left: 52px;
          top: -1px;
          padding: 0 82px 94px 0;
          .layer15 {
            z-index: 26;
            width: 163px;
            height: 64px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga66a56d6820db3425c1cebf4d16378ad11f79a7a6200166c84049adf10568dee) -8px -9px
              no-repeat;
          }
        }
        .bd18 {
          z-index: 34;
          position: absolute;
          left: 509px;
          top: 115px;
          width: 293px;
          height: 72px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf209063e6e88c4faf87fcb57e88283e2c950722ab9bee96a222dde4732e65594)
            100% no-repeat;
        }
        .bd19 {
          z-index: 35;
          position: absolute;
          left: 509px;
          top: 156px;
          width: 293px;
          height: 66px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge23797fe8085a2e93d8e4935a1f9fdebebd5ea0c72c6acec82c769e9776ffc63)
            100% no-repeat;
        }
        .bd20 {
          z-index: 28;
          position: absolute;
          left: 52px;
          top: 157px;
          width: 415px;
          height: 128px;
          background-image: linear-gradient(
            360deg,
            rgba(155, 46, 39, 1) 0%,
            rgba(155, 46, 39, 0.94) 79%,
            rgba(155, 46, 39, 0) 100%
          );
        }
        .bd21 {
          z-index: 27;
          position: absolute;
          left: 52px;
          top: 180px;
          width: 750px;
          height: 105px;
          background-image: linear-gradient(
            360deg,
            rgba(155, 46, 39, 1) 0%,
            rgba(155, 46, 39, 0.94) 79%,
            rgba(155, 46, 39, 0) 100%
          );
        }
      }
      .pic9 {
        z-index: 57;
        position: absolute;
        left: 0;
        top: 318px;
        width: 750px;
        height: 742px;
      }
      .mod13 {
        z-index: 327;
        height: 138px;
        border-radius: 20px 20px 0 0;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdd4f13b03c31961692f97a57c6dbd7c89e6a9e848cc99259192c42bc08b32999)
          100% no-repeat;
        width: 670px;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 40px;
        top: 1312px;
        .box10 {
          z-index: auto;
          width: 179px;
          height: 80px;
          .txt19 {
            z-index: 329;
            width: 179px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(45, 116, 243, 1);
            font-size: 34px;
            font-family: PingFangSC-Semibold;
            line-height: 54px;
            text-align: center;
          }
          .word34 {
            z-index: 330;
            width: 79px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(45, 116, 243, 1);
            font-size: 26px;
            line-height: 26px;
            text-align: center;
            align-self: center;
          }
        }
      }
      .mod14 {
        z-index: 5;
        position: absolute;
        left: 0;
        top: 413px;
        width: 750px;
        height: 1959px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7c8a235e47e75014ff063ea10873f0bcd21e8db21566b12fede03b22ece9ddab)
          100% no-repeat;
      }
      .mod15 {
        z-index: 332;
        height: 155px;
        width: 225px;
        position: absolute;
        left: 525px;
        top: 1906px;
        .pic10 {
          z-index: 333;
          width: 225px;
          height: 155px;
        }
      }
    }
  }
}

</style>
